.case-item{margin-bottom: 25px;border-radius: 5px;}

/*附着在父元素底部的，百分比进度条*/
.completion-bar{
border: solid 1px #ff0000;
width: 100%;
display: block;
position: relative;
bottom: -18px;
left: -15px;
padding-left: 15px;
padding-right: 15px;
}



.unit .list-box{
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    padding: 7px 0;
    margin-bottom: 2px;
}




.unit .leftside{width: 70%;display: flex;justify-content: space-between;/* background: #FFB6C1; */flex-wrap: wrap;}





.unit .log{/* border: solid 1px; */float: right;/* display: flex; */width: 29%;height: 291px;/* display: flex; *//* background-color: #f5f5f5; */overflow-y: auto;}
.unit .log .loglist{font-size: 20px;/* margin-bottom:20px; */padding:15px;background: #F0F0F0;/* word-wrap: break-word; */word-break: break-all;overflow: hidden;width: 95%;display: block;border-bottom: solid 6px #ffffff;padding: 8px 8px;font-size: 14px;}


.unit .log .loglist .content{
    margin-bottom: 8px;
}
.unit .log .loglist .date{
    /* text-align: right; */
    padding: 5px 0;
    color: #666666;
}












.unit .leftside{width: 70%;display: flex;justify-content: space-between;/* background: #FFB6C1; */flex-wrap: wrap;}
.unit .contactor_log{/* border: solid 1px; *//* float: right; *//* display: flex; *//* width: 29%; *//* height: 291px; *//* display: flex; *//* background-color: #f5f5f5; */overflow-y: auto;}
.unit .contactor_log .loglist{font-size: 20px;/* margin-bottom:20px; *//* padding:15px; */background: #F0F0F0;/* word-wrap: break-word; */word-break: break-all;overflow: hidden;width: 100%;display: block;/* border-bottom: solid 6px #ffffff; */padding: 8px 0;font-size: 14px;border-radius: 5px;}
.unit .contactor_log .loglist div{
    padding: 0 10px;
}

.unit .contactor_log .loglist .name{
    text-align: right;
    padding-top: 5px;
    color: #666666;
}
.unit .contactor_log .loglist .content{}
.unit .contactor_log .loglist .date{
    text-align: right;
    padding-top: 5px;
    color: #666666;
}



.company{
    display: flex;
    justify-content: space-between;
    /* background: #FFB6C1; */
    flex-wrap:wrap;
    height: 300px;
    width: 100%;
}
.company .msg{
    background: #F5F5F5;
    width: 100%;
    height: 140px;
    display: flex;
    flex-wrap: wrap ;
    flex-direction: row;

}


.company .msg .icon{background-color: #ffffff;margin: 20px;box-shadow: 0 1px 10px 0 #cccccc;background-image: url("../images/circledesign-logo.jpg");background-size: contain;overflow: hidden;height: 100px;width: 100px;}


.company .msg img{

}


.company .company-name{
    font-size: 20px;
    font-weight: 700;
}
.company .information{
    display: flex;
    flex-direction: column ;
    justify-content: center ;
}


 .tags{
margin-top: 10px;
}

.tags span{
border: solid 1px #cccccc;
padding: 2px;
border-radius: 5px;
margin-right: 5px;
}

.company .identification{
    margin: 15px 0 5px 0;
}
.company .identification .mar{
    margin-right: 100px;
}
.company .company-contact{
    background: #F5F5F5;
    width: 32%;
    height: 140px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: baseline;
}
.company .company-contact text{
    margin-left: 20px;
}
.company .company-contact .phone{
    margin-bottom: 30px;
    margin-top: 30px;
}
.company .earnings{
    background: #F5F5F5;
    width: 67%;
    height: 140px;
    display: flex;
    /* flex-direction: column; */
    /*justify-content: center ;*/
    flex-direction: row;
    justify-content: space-around;
}
.company .earnings .cost{
    margin: 20px 0 20px 20px;
    width: 100%;
    display: flex;
    align-items: baseline;
}
.company .earnings .cost .cost-text{
    width: 25%;
    font-size: 14px;
}
.relation{
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    width: auto;
    height: 50px;
}
.relation .state{
    font-size: 20px;
    color: rgb(26, 168, 159);
}

.company .earnings .sbox{
    display: flex;
    flex-direction:column;
    justify-content:space-around;
    align-items:baseline;
}





.ticket-add-box{width:99%; margin: 0 auto;}


.unit .detail-boxing li {
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 25px;
}




